<template>
  <!--  运输计划/回单管理 --- 回单交接-->
  <div>
    <el-table
        v-if="identity === 'carriers'"
        class="table"
        :data="tableData"
        stripe
        style="width: 100%">
      <el-table-column
          prop="address"
          label="选择"
          width="50">
        <template slot-scope="scope">
          <el-radio v-model="radioSelect"
                    :label="scope.row.id"
                    @change.native="handleRadioChange(scope.row.id)"
          >&nbsp;
          </el-radio>
        </template>
      </el-table-column>
      <el-table-column
          prop="name"
          label="订单号"
          width="120">
      </el-table-column>
      <el-table-column
          prop="time"
          label="下单时间"
          width="100">
        <template slot-scope="scope">
          <div v-text="scope.row.date"></div>
          <div v-text="scope.row.time"></div>
        </template>
      </el-table-column>
      <el-table-column
          prop="time"
          label="运单号"
          width="120">
      </el-table-column>
      <el-table-column
          prop="time"
          label="公司名称"
          width="110">
      </el-table-column>
      <el-table-column
          prop="address"
          label="联系人"
          width="90">
      </el-table-column>
      <el-table-column
          prop="address"
          label="始发地"
          width="100">
      </el-table-column>
      <el-table-column
          prop="address"
          label="目的地"
          width="100">
      </el-table-column>
      <el-table-column
          prop="address"
          label="司机名称"
          width="100">
      </el-table-column>
      <el-table-column
          prop="address"
          label="车牌"
          width="100">
      </el-table-column>
      <el-table-column
          prop="address"
          label="回单上传时间"
          width="140">
      </el-table-column>
      <el-table-column
          prop="address"
          label="客户回单确认状态"
          width="140">
      </el-table-column>
      <el-table-column
          prop="address"
          label="最近回单催收时间"
          width="140">
      </el-table-column>
      <el-table-column
          prop="address"
          label="司机回单交接"
          width="120">
      </el-table-column>
      <el-table-column
          prop="address"
          label="系统确认"
          width="80">
      </el-table-column>


    </el-table>


    <el-table
        v-if="identity === 'driver'"
        class="table"
        :data="tableData"
        stripe
        style="width: 100%">
      <el-table-column
          prop="address"
          label="选择"
          width="50">
        <template slot-scope="scope">
          <el-radio v-model="radioSelect"
                    :label="scope.row.id"
                    @change.native="handleRadioChange(scope.row.id)"
          >&nbsp;
          </el-radio>
        </template>
      </el-table-column>
      <el-table-column
          prop="name"
          label="订单号"
          width="200">
      </el-table-column>
      <el-table-column
          prop="time"
          label="下单时间"
          width="200">
      </el-table-column>
      <el-table-column
          prop="time"
          label="运单号"
          width="150">
      </el-table-column>
      <el-table-column
          prop="address"
          label="委托方"
          width="150">
      </el-table-column>
      <el-table-column
          prop="address"
          label="委托人电话"
          width="170">
      </el-table-column>
      <el-table-column
          prop="address"
          label="始发地"
          width="170">
      </el-table-column>
      <el-table-column
          prop="address"
          label="目的地"
          width="170">
      </el-table-column>
      <el-table-column
          prop="address"
          label="回单交接时间"
          width="200">
      </el-table-column>
      <el-table-column
          prop="address"
          label="回单交接状态"
          width="150">
      </el-table-column>

    </el-table>
  </div>
</template>

<script>
export default {
  name: "HandoverReceipt",
  props:{
    tableData: [],
    identity: String,
  },
  data(){
    return{
      radioSelect: '1',
    }
  },
  methods:{


    // 选择单选框
    handleRadioChange(row) {
      console.log(row)
    },
  }
}
</script>

<style scoped>

</style>